<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body>
    <div class="header">
      <div>
        <img src="./img/个人中心.png" alt="" srcset="" style="width: 20px" />
        <a href="">登录</a>
        <img src="./img/编辑.png" alt="" srcset="" style="width: 20px" />
        <a href="">立即注册</a>
      </div>
      <div>
        <img src="./img/资料.png" alt="" srcset="" style="width: 20px" />
        <a href="">我的LXF</a>
        <img src="./img/购物车.png" alt="" srcset="" style="width: 15px" />
        <a href="">购物车</a>
        <img src="./img/搜索.png" alt="" srcset="" style="width: 20px" />
        <a href="">点击搜索</a>
      </div>
    </div>
    <div class="mid">
      <div class="mid-logo"><img src="./img/图标1.png" alt="" srcset="" /></div>
      <div class="mid-nav">
        <a href="">首页</a>
        <a href="">新品系列</a>
        <a href="">女生系列</a>
        <a href="">男士系列</a>
        <a href="">品牌故事</a>
      </div>
      <hr />
      <div class="mid-left">
        <span id="big-sp">LXF</span>
        <span id="smal">一家只做高端的公司</span>
        <p class="p-color">
          只需创建一个账户即可管理您的所有LXF相关信息。包括您的心仪商品以及LXF活动数据。
        </p>
        <p class="p-bold">您还能尊享以下个性服务及会员权益:</p>
        <ol class="ol">
          <li>正品保证,假一罚十</li>
          <li>七天无理由退换货.并由我们承担运费</li>
          <li>闪电发货,承诺购物两小时内发货</li>
        </ol>
      </div>

      <div class="login">
        <hr class="hrmid" />
        <form action="" method="post">
          <table class="t1">
            <tr>
              <td>姓氏：</td>
              <td><input type="text" name="" id="" /></td>
              <td>用户名：</td>
              <td><input type="text" name="" id="" /></td>
            </tr>
            <tr>
              <td>名字：</td>
              <td><input type="text" name="" id="" /></td>
              <td>出生日期：</td>
              <td><input type="date" name="" id="" /></td>
            </tr>
            <tr>
              <td>电子邮件：</td>
              <td><input type="email" name="" id="" /></td>
              <td>性别：</td>
              <td>
                <select name="sex" id="">
                  <option value="male">男</option>
                  <option value="female">女</option>
                </select>
              </td>
            </tr>
            <tr>
              <td>密码：</td>
              <td><input type="password" name="" id="" /></td>
              <td>邮政编号：</td>
              <td><input type="text" name="" id="" /></td>
            </tr>
            <tr>
              <td>确认密码：</td>
              <td><input type="password" name="" id="" /></td>
              <td>常用住址：</td>
              <td><input type="text" name="" id="" /></td>
            </tr>
            <tr>
              <td>手机号码：</td>
              <td><input type="text" name="" id="" /></td>
              <td rowspan="2" colspan="2">
                <input type="radio" name="" id="" /><span
                  >订阅杂志获取最新商品资讯、特别优惠及服务</span
                ><br />
                <input type="radio" name="" id="" /><span
                  >订阅短信与邮件获取最新商品资讯及特别优惠</span
                >
              </td>
            </tr>
            <tr>
              <td>验证码：</td>
              <td>
                <input type="text" name="" id="" />
                <img src="./img/验证码.png" alt="" srcset="" />
                <a href="">换一张</a>
              </td>
              <td></td>
            </tr>
          </table>
          <p>*为必填项目</p>
          <hr class="hrmid" />
          <div class="queren">
            <div>
              <input
                type="radio"
                name=""
                id=""
              />确认注册后,需要遵循LXF政策及声明。
            </div>
            <div class="right-bottom">
              <input type="button" value="确认注册" id="button" />
            </div>
          </div>
        </form>
      </div>
      <hr />
      <div class="bottom">
        <div>
          <p>关注LXF</p>
          <ul class="ul-none">
            <li><a href="">收藏LXF官网</a></li>
            <li><a href="">LXF官方微博</a></li>
            <li><a href="">资讯订阅</a></li>
            <li><span>分享到：</span></li>
          </ul>
          <img src="./img/二维码.png" alt="" srcset="" />
        </div>
        <div>
          <table>
            <tr>
              <td colspan="2">帮助中心</td>
            </tr>
            <tr>
              <td class="kuan">
                <img src="./img/会员中心.png" alt="" srcset="" />
              </td>
              <td><img src="./img/购物流程.png" alt="" srcset="" /></td>
            </tr>
            <tr>
              <td><a href="">会员中心</a></td>
              <td><a href="">购物流程</a></td>
            </tr>
            <tr>
              <td><img src="./img/退换说明.png" alt="" srcset="" /></td>
              <td><img src="./img/支付方式.png" alt="" srcset="" /></td>
            </tr>

            <tr>
              <td><a href="">退换说明</a></td>
              <td><a href="">支付方式</a></td>
            </tr>

            <tr>
              <td><img src="./img/客服说明.png" alt="" srcset="" /></td>
            </tr>
            <tr>
              <td><a href="">客服说明</a></td>
            </tr>
          </table>
        </div>
        <div>
          <table>
            <tr>
              <td colspan="2">关于我们</td>
            </tr>
            <tr>
              <td class="kuan">
                <img src="./img/招贤纳士.png" alt="" srcset="" />
              </td>
              <td><img src="./img/友情链接.png" alt="" srcset="" /></td>
            </tr>
            <tr>
              <td><a href="">招贤纳士</a></td>
              <td><a href="">友情链接</a></td>
            </tr>
            <tr>
              <td><img src="./img/联系我们.png" alt="" srcset="" /></td>
              <td><img src="./img/法律声明.png" alt="" srcset="" /></td>
            </tr>

            <tr>
              <td><a href="">联系我们</a></td>
              <td><a href="">法律声明</a></td>
            </tr>

            <tr>
              <td><img src="./img/店铺加盟.png" alt="" srcset="" /></td>
            </tr>
            <tr>
              <td><a href="">店铺加盟</a></td>
            </tr>
          </table>
        </div>
        <div>
          <p>10月活动时间表</p>
          <img src="./img/活动日期.png" alt="" srcset="" />
        </div>
      </div>
    </div>
    <div class="footer">
      <span>北京市公安局朝阳分局备案编号：110110511455</span>
    </div>
  </body>
</html>
